<!DOCTYPE html>
<html lang="en">

<head>
    
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品列表</title>
    <script src="../node_modules/axios/dist/axios.min.js"></script>
    <script src="../js/jquery-3.6.0.min.js"></script>
    <script src="../js/list.js"></script>
    <link rel="stylesheet" href="../bootstrap-4.6.1-dist/css/bootstrap.min.css">
    <script src="../bootstrap-4.6.1-dist/js/bootstrap.bundle.js"></script>
    <link rel="stylesheet" href="../css/list.css">
    <script src="https://cdn.bootcdn.net/ajax/libs/Swiper/7.4.1/swiper-bundle.min.js"></script>

</head>

<body>
    <!-- 导航栏开始 -->
    <div class="nav">
        <ul>
            <li style=" color: orange ;font-weight:600;" id="indexBack">商城首页</li>
            <li>雕塑手办
                <ul class="hidden1">
                    <li>大型雕塑</li>
                    <li>中型雕塑</li>
                    <li>小型雕塑</li>
                </ul>
            </li>

            <li>服饰毛绒
                <ul class="hidden2">
                    <li>毛绒玩具</li>
                    <li>T恤</li>
                    <li>其他</li>
                </ul>
            </li>
            <li>生活周边
                <ul class="hidden3">
                    <li>生活用品</li>
                    <li>海报艺术</li>
                    <li>3C配件</li>
                </ul>
            </li>
            <li>品牌联名</li>
            <li>促销专区</li>
            <li>手办收藏</li>
        </ul>
        <!-- 搜索框 -->
        <div id="search">
            <form>
                <input id="select" class="select" placeholder="EDG冠军玩偶"></input>
                <a href="javascript:;" class="sousuo"></a>
            </form>
        </div>
    </div>
    <!-- 联系客服开始 -->
    <div class="chat">
        <div></div>
        <span>联系客服</span>
    </div>
    <!-- 联系客服结束 -->
    <div class="banner"></div>
    <div class="container-fluid">
        <div class="row">
            <div class="col-2 leftbox">
                <dl>
                    <dt>雕塑手办</dt>
                    <dd>大型雕塑</dd>
                    <dd>中型雕塑</dd>
                    <dd>手办</dd>
                    <dd>限定手办</dd>
                    <dd>迷你手办</dd>
                </dl>

                <dl>
                    <dt>价格</dt>
                    <dd>100-300元</dd>
                    <dd>300元以上</dd>
                </dl>

                <dl>
                    <dt>英雄</dt>
                    <dd>上单</dd>
                    <dd>中单</dd>
                    <dd>ADC</dd>
                    <dd>辅助</dd>
                    <dd>坦克</dd>
                    <dd>法师</dd>
                    <dd>射手</dd>
                    <dd>刺客</dd>
                </dl>
            </div>
            <div class="col-md-10 col-sm-10 rightbox">
                <ul id="plist">
            
                </ul>
            </div>
        </div>
    </div>
    </div>
    <div id="car">
        <span id="carImg"></span>
        <p>购物车</p>
    </div>
</body>
<script src="../js/list.js"></script>

</html>